
<style>
    p.desc{
        padding: 0px 10px;
        font-size: 16px;
        line-height: 25px;
        border-left: solid 3px #0a4b3e;
    }
    .section-heading h1{
        margin: 40px;
        font-size: 50px;
    }
    .button{
        margin-left: 13px;
    }

    body{
        /*background: url("__PUBLIC__assets/img/loginbg.jpg");*/
        /*background: #01FF70;*/
    }

    .align-middle{
        width: 20%;
        float: left;
        text-align: center;
    }
    .fa-stack{
        margin-left: 8px;
    }
    .d-inline-block{
        padding: 5px;
        border-bottom: dotted 1px #000;
        border-left: dotted 1px #000;
    }
    .container .container{
        background: #fff;
    }
    .p_title{
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 20px;
        font-size: 21px;
    }
    .p_title span{
        color: red;
        margin-right: 10px;
    }

    .test-item{
        margin: 30px 0;
    }
    .test-img{
        width: 90%;
    }
    .p_flag{
        color: #595858;
        margin-top: 45px;
    }
    .container {
        padding: 0;
    }
    @media (min-width: 1200px){
        .container {
            width: 100%;
        }
    }
</style>
<div class="mainer main_index">
    <div class="banner">
        <div class="banner_cur cur"> <span class="prev"></span> <span class="next"></span> </div>
        <div class="owl">

            <div class="item">
                <div class="img"><a href="javascript:;" ><img src="__CDN__/assets/img/1646105898668320.jpg"/></a></div>
            </div>

            <div class="item">
                <div class="img"><a href="javascript:;"><img src="__CDN__/assets/img/1646290198343050.jpg"/></a></div>
            </div>

            <div class="item">
                <div class="img"><a href="javascript:;"><img src="__CDN__/assets/img/1646188064488323.jpg"/></a></div>
            </div>

        </div>
    </div>
    <div class="page_num clear">
        <div class="wrap">
            <ul>
                <li class="wow fadeInUp" data-wow-delay=".1s">
                    <h2><span class="timer" data-to="740" data-speed="1800">740</span></h2>
                    <label></label>
                    <p>740多个专业尽收眼底</p>
                </li>
                <li class="wow fadeInUp" data-wow-delay=".2s">
                    <h2><span class="timer" data-to="700" data-speed="1900">700</span></h2>
                    <label></label>
                    <p>700多种职业详细解读</p>
                </li>
                <li class="wow fadeInUp" data-wow-delay=".3s">
                    <h2><span class="timer" data-to="2150" data-speed="1800">2150</span>+</h2>
                    <label></label>
                    <p>2150+所本科高校各项评级</p>
                </li>
                <li class="wow fadeInUp" data-wow-delay=".4s">
                    <h2><span class="timer" data-to="5000" data-speed="1900">5000</span>+</h2>
                    <label></label>
                    <p>近5000高校专业各项评级</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <div class="div_news">
        <div class="title wow fadeInUp animated" data-wow-delay=".3s">

            <h3>核心功能</h3>
            <label></label>
            <span>CLASS COURSE</span>
        </div>
        <div class="wrap">

            <div class="news_rt item frt wow fadeInUp animated" data-wow-delay=".3s">
                <ul>
                    <li class="liTab">
                        <img src="__CDN__/assets/img/hld.jpg" class="test-img" >
                        <div>
                            <a href="{:url("/index/index/testing","id=1")}">
                            <div class="date">
                                <span>已有<!-- {$data.hldcount} -->500+人</span>
                                <span>参与测试</span>
                                {php}
                                if($hld){
                                {/php}
                                <label class="cewan">测试完毕</label>
                                {php}
                                }else{
                                {/php}
                                {php}
                                }
                                {/php}
                            </div>
                            <div class="text">
                                <h3>霍兰德职业兴趣测评</h3>
                                <p>是由美国著名职业指导专家霍兰德编制，主要用于确定被测试者的职业兴趣倾向,进而用于指导被测试者选择适合自身职业兴趣的专业发展方向和职业发展方向</p>
                            </div>
                            </a>
                        </div>
                    </li>
                    <li class="liTab">
                        <img src="__CDN__/assets/img/mbti.jpg" class="test-img" >
                        <div>
                            <a href="{:url("/index/index/testing","id=2")}">
                            <div class="date">
                                <span>已有<!-- {$data.mbticount} -->500+人</span>
                                <span>参与测试</span>
                                {php}
                                if($mbti){
                                {/php}
                                <label class="cewan">测试完毕</label>
                                {php}
                                }else{
                                {/php}
                                {php}
                                }
                                {/php}
                            </div>
                            <div class="text">
                                <h3>MBTI性格倾向测评</h3>
                                <p>通过对个性的判断和分析，从动力、获取信息、决策方式、生活方式四个方面的倾向进行考察，把不同个性的人区别开来，从而让你更清楚的了解自己所擅长的和自己发展的“天花板”。</p>
                            </div>
                            </a></div>
                    </li>

                    <li class="liTab">
                        <img src="__CDN__/assets/img/dyzn.jpg" class="test-img" >
                        <div>
                            <a href="{:url("/index/index/testing","id=3")}">
                            <div class="date">
                                <span>已有<!-- {$data.dyzncount} -->500+人</span>
                                <span>参与测试</span>
                                {php}
                                if($dyzn){
                                {/php}
                                <label class="cewan">测试完毕</label>
                                {php}
                                }else{
                                {/php}
                                {php}
                                }
                                {/php}
                            </div>
                            <div class="text">
                                <h3>多元智能测评</h3>
                                <p>每个个体身上都相互独立，存在着与特定的认知领域或知识范畴相联系的八种智力，不同的人会有不同的智能组合，了解自己更擅长哪方面智力，最大限度发挥自身长处。</p>
                            </div>
                            </a></div> </li>

                    <li class="liTab">
                        <img src="__CDN__/assets/img/zym.jpg" class="test-img" >
                        <div>
                            <a href="{:url("/index/index/testing","id=4")}">
                            <div class="date">
                                <span>已有<!-- {$data.zymcount} -->500+人</span>
                                <span>参与测试</span>
                                {php}
                                if($zym){
                                {/php}
                                <label class="cewan">测试完毕</label>
                                {php}
                                }else{
                                {/php}
                                {php}
                                }
                                {/php}
                            </div>
                            <div class="text">
                                <h3>职业锚测评</h3>
                                <p>职业锚是指当一个人面临职业选择的时候，他无论如何都不会放弃的职业中至关重要的东西或价值观。研究表明职业锚是内心深处对自己的看法，它是自己的才干、价值观、动机经过自省后形成的，职业锚可以指导、约束、或稳定个人的职业生涯。</p>
                            </div>
                            </a></div> </li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!--
        <div class="row test-item">
            <div class="col-md-2">
                <img src="__CDN__/assets/img/hld.jpg" class="test-img" width="100%" alt="...">
            </div>
            <div class="col-md-8">
                <p class="p_title"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> 霍兰德职业兴趣测评</p>
                <p class="desc">是由美国著名职业指导专家霍兰德编制，主要用于确定被测试者的职业兴趣倾向,进而用于指导被测试者选择适合自身职业兴趣的专业发展方向和职业发展方向。</p>
            </div>
            <div class="col-md-2">
                <p class="p_flag">已有16845人参与测试</p>
                {php}
                if($hld){
                {/php}
                <p class="button"><button class="btn btn-danger">测试完毕</button></p>
                {php}
                }else{
                {/php}
                {php}
                }
                {/php}
            </div>
        </div>

        <div class="row test-item">
            <div class="col-md-2">
                <img src="__CDN__/assets/img/mbti.jpg" class="test-img" width="100%" alt="...">
            </div>
            <div class="col-md-8">
                <p class="p_title"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> MBTI性格倾向测评</p>
                <p class="desc">通过对个性的判断和分析，从动力、获取信息、决策方式、生活方式四个方面的倾向进行考察，把不同个性的人区别开来，从而让你更清楚的了解自己所擅长的和自己发展的“天花板”。</p>
            </div>
            <div class="col-md-2">
                <p class="p_flag">已有15987人参与测试</p>
                {php}
                if($mbti){
                {/php}
                <p class="button"><button class="btn btn-danger">测试完毕</button></p>
                {php}
                }else{
                {/php}
                {php}
                }
                {/php}
            </div>
        </div>

        <div class="row test-item">
            <div class="col-md-2">
                <img src="__CDN__/assets/img/dyzn.jpg" class="test-img" width="100%" alt="...">
            </div>
            <div class="col-md-8">
                <p class="p_title"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> 多元智能测评</p>
                <p class="desc">每个个体身上都相互独立，存在着与特定的认知领域或知识范畴相联系的八种智力，不同的人会有不同的智能组合，了解自己更擅长哪方面智力，最大限度发挥自身长处。</p>
            </div>
            <div class="col-md-2">
                <p class="p_flag">已有15725人参与测试</p>
                {php}
                if($dyzn){
                {/php}
                <p class="button"><button class="btn btn-danger">测试完毕</button></p>
                {php}
                }else{
                {/php}
                <p class="button"><a href="{:url('testing/dyzntest')}" class="btn btn-info" role="button">>> 开始测试</a></p>
                {php}
                }
                {/php}
            </div>
        </div>

        <div class="row test-item">
            <div class="col-md-2">
                <img src="__CDN__/assets/img/zym.jpg" class="test-img" width="100%" alt="...">
            </div>
            <div class="col-md-8">
                <p class="p_title"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> 职业锚测评</p>
                <p class="desc">职业锚是指当一个人面临职业选择的时候，他无论如何都不会放弃的职业中至关重要的东西或价值观。研究表明职业锚是内心深处对自己的看法，它是自己的才干、价值观、动机经过自省后形成的，职业锚可以指导、约束、或稳定个人的职业生涯。</p>
            </div>
            <div class="col-md-2">
                <p class="p_flag">已有15699人参与测试</p>
                {php}

                if($zym){
                {/php}
                <p class="button"><button class="btn btn-danger">测试完毕</button></p>
                {php}
                }else{
                {/php}
                <p class="button"><a href="{:url('testing/zymtest')}" class="btn btn-info" role="button">>> 开始测试</a></p>
                {php}
                }
                {/php}
            </div>
        </div>
        -->




    <!--div class="row">



        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="__CDN__/assets/img/dyzn.jpg" width="100%" alt="...">
                <div class="">
                    <p class="desc">每个个体身上都相互独立，存在着与特定的认知领域或知识范畴相联系的八种智力，不同的人会有不同的智能组合，了解自己更擅长哪方面智力，最大限度发挥自身长处。</p>
                    {php}
                    if($dyzn){
                    {/php}
                    <p class="button"><a href="{:url('testing/dyzntest')}" class="btn btn-info" role="button">查看报告</a></p>
                    {php}
                    }else{
                    {/php}
                    <p class="button"><a href="{:url('testing/dyzntest')}" class="btn btn-primary" role="button">开始测试</a></p>
                    {php}
                    }
                    {/php}
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="__CDN__/assets/img/mbti.jpg" width="100%" alt="...">
                <div class="caption">
                    <p class="desc">通过对个性的判断和分析，从动力、获取信息、决策方式、生活方式四个方面的倾向进行考察，把不同个性的人区别开来，从而让你更清楚的了解自己所擅长的和自己发展的“天花板”。</p>
                    {php}
                    if($mbti){
                    {/php}
                    <p class="button"><a href="{:url('testing/mbtitest')}" class="btn btn-info" role="button">查看报告</a></p>
                    {php}
                    }else{
                    {/php}
                    <p class="button"><a href="{:url('testing/mbtitest')}" class="btn btn-primary" role="button">开始测试</a></p>
                    {php}
                    }
                    {/php}
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="__CDN__/assets/img/hld.jpg" width="100%" alt="...">
                <div class="caption">
                    <p class="desc">是由美国著名职业指导专家霍兰德编制，主要用于确定被测试者的职业兴趣倾向,进而用于指导被测试者选择适合自身职业兴趣的专业发展方向和职业发展方向。是由美国著名职业指导专家霍兰德编制，主要用于确定被测试者的职业兴趣倾向,进而用于指导被测试者选择适合自身职业兴趣的专业发展方向和职业发展方向。</p>
                    {php}
                    if($hld){
                    {/php}
                    <p class="button"><a href="{:url('testing/hldtest')}" class="btn btn-info" role="button">查看报告</a></p>
                    {php}
                    }else{
                    {/php}
                    <p class="button"><a href="{:url('testing/hldtest')}" class="btn btn-primary" role="button">开始测试</a></p>
                    {php}
                    }
                    {/php}
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="__CDN__/assets/img/zym.jpg" width="100%" alt="...">
                <div class="caption">
                    <p class="desc">职业锚是指当一个人面临职业选择的时候，他无论如何都不会放弃的职业中至关重要的东西或价值观。研究表明职业锚是内心深处对自己的看法，它是自己的才干、价值观、动机经过自省后形成的，职业锚可以指导、约束、或稳定个人的职业生涯。</p>
                    {php}
                    if($zym){
                    {/php}
                    <p class="button"><a href="{:url('testing/zymtest')}" class="btn btn-info" role="button">查看报告</a></p>
                    {php}
                    }else{
                    {/php}
                    <p class="button"><a href="{:url('testing/zymtest')}" class="btn btn-primary" role="button">开始测试</a></p>
                    {php}
                    }
                    {/php}
                </div>
            </div>
        </div>
    </div-->
    <!--div class="row">
        <div class="col-md-12">
            <div class="container mt-5">
                <br />
                <div class="row" style="padding-left: 0px;">
                    <div class="align-middle" {php}if($dyzn) echo 'style="color:#3498db"';{/php}>
                      <span class="fa-stack fa-lg">
                        <i class="fa fa-circle-thin fa-stack-2x"></i>
                        <span class="fa-stack-1x">1</span>
                      </span>
                        <div class="d-inline-block">
                            <p class="mb-1">多元智能测试</p>
                        </div>
                    </div>
                    <span class="col border mx-3 my-auto"></span>
                    <div class="align-middle"  {php}if($mbti) echo 'style="color:#3498db"';{/php}>
                      <span class="fa-stack fa-lg">
                        <i class="fa fa-circle-thin fa-stack-2x"></i>
                        <span class="fa-stack-1x">2</span>
                      </span>
                        <div class="d-inline-block">
                            <p class="mb-1"><strong>MBTI测试</strong></p>
                        </div>
                    </div>
                    <span class="col border mx-3 my-auto"></span>
                    <div class="align-middle"  {php}if($hld) echo 'style="color:#3498db"';{/php}>
                      <span class="fa-stack fa-lg">
                        <i class="fa fa-circle-thin fa-stack-2x"></i>
                        <span class="fa-stack-1x">3</span>
                      </span>
                        <div class="d-inline-block">
                            <p class="mb-1">霍兰德测试</p>
                        </div>
                    </div>
                    <div class="align-middle"  {php}if($zym) echo 'style="color:#3498db"';{/php}>
                      <span class="fa-stack fa-lg">
                        <i class="fa fa-circle-thin fa-stack-2x"></i>
                        <span class="fa-stack-1x">4</span>
                      </span>
                        <div class="d-inline-block">
                            <p class="mb-1">职业锚测试</p>
                        </div>
                    </div>
                    <div class="align-middle">
                        <span class="fa-stack fa-lg" style="height: 23px;">

                      </span>
                        <div class="d-inline-block" style="border-right: dotted 1px;width: 200px; text-align: center">
                            <p class="mb-1"><a href="{:url('report/index')}" target="_blank" class="btn btn-danger btn-sm {php}if(!$dyzn||!$zym||!$hld||!$mbti){ {/php}disabled{php}}{/php}">打印综合测试报告</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div-->
</div>
